
@charset "utf-8";



@img:"../img/";

body{
  background: #f5f5f5;
}

.img(@src){
  background: url("../img/sbzc/@{src}") no-repeat center top;
}

.sbzc_box{
  .banner{
    height: 612px; background: url(../img/sbzc/banner.jpg) no-repeat center; padding: 1px;
    .ser_kk{
      width: 980px; margin: 0 auto; margin-top: 325px; padding: 1px; padding-left: 6px;
      .title{
        color: #666666; font-size: 20px; font-weight: bold; margin-top: 40px;
        span{
          color: #fba303; font-size: 28px; padding: 0 8px;
        }
      }
      .chuang{
        margin-top: 18px; background: none;
        input.sbmc_a{
          width: 750px; height: 66px; border: 0; margin-left: 70px; background: none; font-size: 18px;
        }
        a.btn{
          text-align: center; width: 158px; height: 64px; line-height: 64px; font-size: 20px; background: #3c79ff; color: #fff; border-radius:0 5px 5px 0;
          &:hover{
            background: #2c6cf5;
          }
          &:active{
            background: #3c79ff;
          }
        }
      }
      .dt{
        border-top: 1px dashed #bfbfbf; margin-top: 28px; padding-top: 18px; font-size: 28px; color: #fc2a29;
        .item{
          font-size: 16px;
        }
        span.line{
          width: 1px; height: 24px; background: #e5e5e5; position: relative; top:-2px; margin: 0 20px;
        }
      }
    }
  }

  .part{
    &.one{
      .img("one.jpg"); height: 539px; margin-top: -1px;

      .inner{
        padding: 0 105px; width: 954px;
        .item{
          width: 282px; text-align: center;
          a.btn{
            width: 140px; height: 35px; line-height: 35px; text-align: center; display: inline-block; background: #3c79ff; color: #fff; border-radius: 3px; margin-top: 420px;
            &:hover{
              background: #2c6cf5;
            }
            &:active{
              background: #3c79ff;
            }
          }
          &.two{
            margin: 0 54px;
          }
        }
      }
    }
    &.two{
      .img("two.jpg"); height: 631px; text-align: center;
    }
    &.three{
      .img("three.jpg"); height: 630px; text-align: center; background-color: #fff; 
      a.btn{
        width: 280px; height: 60px; line-height: 60px; text-align: center; display: inline-block; background: #3c79ff; color: #fff; border-radius: 3px; margin-top: 500px; border-radius: 80px; font-size: 18px;
        box-shadow: 0 6px 10px rgba(60,121,255,0.3);
        &:hover{
          background: #2c6cf5;
        }
        &:active{
          background: #3c79ff;
        }
      }
    }
    &.four{
      .img("four.jpg"); height: 624px;
    }
    &.five{
      .img("five.jpg"); height: 656px;
    }
    &.six{
      .img("six.jpg"); height: 881px; text-align: center;
      a.btn{
        width: 280px; height: 60px; line-height: 60px; text-align: center; display: inline-block; background: #3c79ff; color: #fff; border-radius: 3px; margin-top: 740px; border-radius: 80px; font-size: 18px;
        box-shadow: 0 6px 10px rgba(60,121,255,0.3);
        &:hover{
          background: #2c6cf5;
        }
        &:active{
          background: #3c79ff;
        }
      }
    }
    &.seven{
      .img("seven.jpg"); height: 702px;
    }
    &.eight{
      .img("eight.jpg"); height: 683px; text-align: center;
      a.btn{
        width: 280px; height: 60px; line-height: 60px; text-align: center; display: inline-block; background: #3c79ff; color: #fff; border-radius: 3px; margin-top: 560px; border-radius: 80px; font-size: 18px;
        box-shadow: 0 6px 10px rgba(60,121,255,0.3);
        &:hover{
          background: #2c6cf5;
        }
        &:active{
          background: #3c79ff;
        }
      }
    }  
  }

  .partner{
    background: #fff; margin-top: 30px;
    .tl{
      text-align: center; padding-top: 30px;
    }
    .group{
      padding-bottom: 30px;
      .inner{
        width: 1200px;
      }
      text-align: center;
      a{
        display: inline-block; border: 1px solid #dcdcdc; border-radius: 5px; overflow: hidden; margin: 10px 11px;

      }
    }
  }
  



  

}



.show_window.sbzc_search{
  .code{
    width: 510px; height: 345px; margin-left: -255px; margin-top: -172px; overflow: hidden;
    .close{
      span{
        color: #fff;
      }
      &:hover{
        span{
          color: #ccefff;
        }
      }
    }
    .bt{
      background: #009be1; color: #fff; height: 60px; line-height: 60px; margin-top: -40px; 
      h2{
        font-size: 20px; font-weight: normal; margin-left: 20px;
      }
      p{
        position: relative; top:3px; font-size: 14px; padding-left: 10px;
        span{
          color: #fff003; padding: 0 3px;
        }
      }

    }
    .ny{
      .table{
        width: 310px; margin: 0 auto; padding-top: 52px;
        input.text{
          width: 236px; height: 36px; line-height: 36px; border: 1px solid #4286df; border-radius: 5px; padding: 0 5px; margin-left: 10px; margin: 6px 0;
        }
        a.submit_btn{
          width: 310px; height: 48px; line-height: 48px; display: block; text-align: center; background: #009be1; color: #fff; margin-top: 20px; border-radius: 5px; font-size: 16px;
          &:hover{
            background: #008fd1;
          }
          &:active{
            background: #009be1;
          }
        }
      }
    }
  }
}
    

